:root {
  --thm-font: 'Barlow', sans-serif;
  --thm-reey-font: 'reeyregular';
  --thm-gray: #7b7981;
  --thm-gray-rgb: 123, 121, 129;
  --thm-primary: #1989fb;
  --thm-primary-rgb: 25, 137, 251;
  --thm-black: #1b1825;
  --thm-black-rgb: 27, 24, 37;
  --thm-base: #ffffff;
  --thm-base-rgb: 255, 255, 255;
  --thm-extra: #42d9be;
  --thm-extra-rgb: 66, 217, 190;
  --thm-bdr-color: #dae3e9;
  --thm-bdr-color-rgb: 218, 227, 233;
  --thm-bdr-radius: 8px;
}

.page-enter-active,
.page-leave-active {
  transition: all 0.3s ease-in-out;
}
.page-enter,
.page-leave-active {
  transform: translateX(-31px);
  opacity: 0;
}
.page-container{
  min-height: calc(100vh - 24rem);
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.page-header {
  position: relative;
  display: block;
  padding: 9rem 0;
  z-index: 1;
  background-color: var(--thm-black);
}
.page-header-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  mix-blend-mode: screen;
  opacity: 0.3;
}
.page-header__inner {
  position: relative;
  display: block;
  text-align: left;
}

.page-header__inner h2 {
  font-size: 3rem;
  color: var(--thm-base);
  line-height: 3rem;
  font-weight: 900;
}

.thm-breadcrumb {
  position: relative;
  display: block;
}

.thm-breadcrumb li {
  position: relative;
  display: inline-block;
  color: #ada8ba;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm-breadcrumb li+li {
  margin-left: 5px;
}

.thm-breadcrumb li a {
  color: #ada8ba;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.thm-breadcrumb li:hover {
  color: var(--thm-base);
}

.thm-breadcrumb li:hover a {
  color: var(--thm-base);
}